<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
  
    div{
      display: block;
      border: 1px solid darkgray;
      line-height:40px; ;
      margin: 0 auto;
      width: 600px;
      height: auto;
      border-radius: 10px;
      box-shadow: 0px 0px 5px gray;
    }
    .myclass{
      width: 550px;
      height: 35px;
      margin: 0 25px;
      border-radius: 5px;
      border: 2px solid rgb(174, 172, 172);
      line-height: 35px;
    }
    .mybtn{
      width: 70px;
      height: 35px;
      color: #f6f6ff;
      border-radius: 5px;
      text-align: center;
      line-height: 35px;
      background-color: #007bff;
      border: none;
    }
  </style>
</head>
<body>
  <div>
    <h2>个人信息收集</h2>
    <form>

      <label for="" style="margin-left: 25px;">姓名</label>
      <br><input type="text" value="请输入姓名" class="myclass"><br>

      出生日期<br><input type="date" value="年/月/日" class="myclass"><br>

      邮箱<br><input type="email" value="请输入邮箱" class="myclass"><br>

      联系电话<br><input type="tel" value="请输入电话" class="myclass"><br>

      性别<br>
      <label for="nan">男</label>
      <input type="radio" name="sex" id="nan">
      <label for="nv">女</label>
      <input type="radio" name="sex" id="nv"><br>

      国籍<br>
      <select class="myclass">
        <option value="">英国</option>
        <option value="" selected="selected">中国</option>
        <option value="">中国</option>
        <option value="">中国</option>
        <option value="">中国</option>
      </select><br>

      技能<br>
      <input type="checkbox" checked="checked">编程
      <input type="checkbox">英语
      <input type="checkbox">写作

      <br>

      个人简介:<br>
      <textarea rows="5" cols="50" class="myclass" style="height: 200px;" >请你简要介绍一下自己</textarea><br>
      
      <input type="submit" class="mybtn">
      <input type="reset" class="mybtn">
      
    </form>
  </div>
</body>
</html>